<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>

<script src="cordova-2.6.0.js"></script>
<!--<script src="cordova.js"></script>-->
<script src="onsubmit.js"></script>
<script src="WifiInfoPlugin.js"></script>
</head> 
<body> 

<div data-role="page" id="page">
	<div data-role="header">
		<h1>Testing app</h1>
	</div>
	
    <div data-role="content">	
		
		<div id="box">
	        <!--<label for="location">
	            <b>Location</b>
	            <input type="text" id="location" name="location">
	        </label>-->
            
            <label for="select-choice" class="select">Location:</label>
            
			<select name="select-choice" id="select-choice">
			   <option value="lc1">Location 1</option>
			   <option value="lc2">Location 2</option>
			   <option value="lc3">Location 3</option>
			   <option value="lc4">Location 4</option>
			</select>
            
            
            <fieldset data-role="controlgroup">
			<legend>How are you feeling:</legend>
            
     			<input type="radio" name="radio-choice" id="radio-choice-1" value="Hot" checked="checked" />
     			<label for="radio-choice-1">Hot</label>

     			<input type="radio" name="radio-choice" id="radio-choice-2" value="Warm"  />
		     	<label for="radio-choice-2">Warm</label>

     			<input type="radio" name="radio-choice" id="radio-choice-3" value="Slightly Warm"  />
		     	<label for="radio-choice-3">Slightly Warm</label>

     			<input type="radio" name="radio-choice" id="radio-choice-4" value="Comfortable"  />
		     	<label for="radio-choice-4">Comfortable</label>
                
     			<input type="radio" name="radio-choice" id="radio-choice-5" value="Slightly Cool"  />
		     	<label for="radio-choice-5">Slightly Cool</label>

     			<input type="radio" name="radio-choice" id="radio-choice-6" value="Cool"  />
		     	<label for="radio-choice-6">Cool</label>                                
                
     			<input type="radio" name="radio-choice" id="radio-choice-7" value="Cold"  />
		     	<label for="radio-choice-7">Cold</label>                
			</fieldset>
            
            <label for="comment">
    	        <b>Comment</b>
	            <input type="text" id="comment" name="comment" ></input>
	        </label>
    
        	<input type="button" value="Submit" onClick="connect()">
            <!--<input type="submit" value="Save">-->

		</div>	
        <script>
        window.plugins.WifiInfo.get(function(wifi){ console.log(wifi); });
		
		window.plugins.WifiInfo.get(function(wifi){ 
		    alert(wifi.SSID); 
			
		});
		</script>
	</div>
    
</div>

</body>
</html>